*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    cursor: pointer;
}
li{
    list-style: none;
}

#header{
    height: 1.066667rem;
    background-color: #ff841d;
    padding: .133333rem;
    text-align: center;
    a{
        margin-top: .133333rem;
        text-align: center;
        font-size: .533333rem;
        color: #fff;
        float: left;
    }
    h4{
        display: inline-block;
        text-align: center;
        font-size: .533333rem;
        font-weight: bolder;
        color: #fff;
        line-height: 1.066667rem;
    }
    div{
        float: right;
        width: 1.28rem;
        height: 1.28rem;
        a{
            width: .906667rem;
            height: .453333rem;
            img{
                width: .906667rem;
                height: .906667rem;
            }
        }
    }
}
nav{
    border-bottom: 5px solid #F1F1F1;
    div{
        width: 9.333333rem;
        height: .933333rem;
        margin: 0 1.333333rem 0 .533333rem;
        overflow: auto;
        #uu{
            position: relative;
            display: block;
            height: 1.12rem;
            left: 0;
            li{
                float: left;
                line-height: .933333rem;
                margin-bottom: .133333rem;
                width: 1.866667rem;
                box-sizing: border-box;
                color: black;
                text-align: center;
                font-size: .346667rem;
            }
        }
    }
}
#product{
    .info{
        li{
            padding: .266667rem .213333rem;
            width: 9.573333rem;
            height: 4.746667rem;
            .img{
                float: left;
                img{
                    width: 3.333333rem;
                    height: 3.466667rem;
                }
            }
            .infoR{
                float: right;
                width: 5.973333rem;
                height: 3.013333rem;
                .title{
                    h4{
                        .b{
                            color: #ff6c00
                        }
                        color: black;
                        word-break: break-all;
                        font-size: .48rem;
                        text-overflow: ellipsis;
                        line-height: .506667rem;
                        min-height: .8rem;
                        text-align: left;
                        font-weight: normal;
                    }
                    .price{
                        i{
                            color: #fc353a;
                            font-size: 16px;
                            font-style: normal;
                        }
                        em{
                            font-size: .32rem;
                            color: #fc353a;
                            font-style: normal;
                        }
                        font-size: .64rem;
                        color: #fc353a;
                        del{
                            font-size: .32rem;
                            color: #ccc;
                        }
                    }
                }
                .down{
                    .bar{
                        display: inline-block;
                        margin-top: 5px;
                        width: 3.2rem;
                        border: 1px solid #fc353a;
                        border-radius: .266667rem;
                        background-color: #ffb7b7;
                        overflow: hidden;
                    }
                    .bar_in{
                        //width: 0rem;
                        color: #fff;
                        text-align: center;
                        background-color: #fc353a;
                    }
                    .yiling{
                        color: #fc353a;
                        margin-left: 5px;
                        font-weight: bold;
                    }
                    .click{
                        .left{
                            float: left;
                            border: 1px dotted #fc353a;
                            height: .666667rem;
                            color: #fc353a;
                            text-align: center;
                            line-height: .666667rem;
                            width: 4rem;
                            cursor: pointer;
                        }
                        .right{
                            display: block;
                            float: right;
                            border: 1px solid #fc353a;
                            background-color: #fc353a;
                            height: .8rem;
                            color: #ffffff;
                            text-align: center;
                            line-height: .8rem;
                            width: 2.133333rem;
                            border-radius: .266667rem;
                            cursor: pointer;
                        }
                    }
                }
            }
           
        }
    }
}
#footer{
    .more{
        height: .8rem;
        background-color: #f4f4f4;
        padding: .266667rem;
        text-align: center;
        color: #333;
    }
    .chart{
        color: #fff;
        width: 10rem;
        height: .933333rem;
        background-color: #ff9000;
        margin-top: .266667rem;
        margin-bottom: .16rem;
        padding-left: .266667rem;
    }
    .login{
        .container{
            padding-right: .4rem;
            padding-left: .4rem;
            margin-right: auto;
            margin-left: auto;
            .row{
                height: .96rem;
                margin-top: .266667rem;
                border-top: 1px solid #c4c4c4;
                border-bottom: 1px solid #c4c4c4;
                a{
                    display: block;
                    float: left;
                    div{
                        height: .88rem;
                        line-height: .88rem;
                        text-align: center;
                        font-size: .373333rem;
                        border-right: 1px solid #c4c4c4;
                        padding: 0 .4rem;
                    }
                    .col-1{
                        width: 1.673333rem;
                    }
                    .col-2{
                        width: 2rem;
                    }
                    .col-3{
                        width: 3rem;
                    }
                }
            }
        }
        .content_b{
            text-align: center;
            padding: 10px;
        }
    }
}

